﻿<!DOCTYPE html>
<html lang="en">
<head th:replace="~{parts/head}">

<!-- page wrapper -->
<body>

    <div class="boxed_wrapper">

        <!-- preloader -->
        <div class="preloader"></div>
        <!-- preloader -->


        <!-- main header -->
        <header class="main-header style-three">

            <!-- header-lower -->
            <div class="header-lower">
                <div class="outer-box clearfix">
                    <div class="left-column">
                        <div class="logo-box">
                            <figure class="logo"><a href="/"><img src="../../images/logo-3.png" alt=""></a></figure>
                        </div>
                        <div th:replace="~{parts/menu-area}">
                        </div>
                        <div class="right-column pull-right">
                            <div th:replace="~{parts/author-box}">
                            </div>
                        </div>
                    </div>

                    <!--sticky Header-->
                    <div class="sticky-header">
                        <div class="auto-container">
                            <div class="outer-box">
                                <div class="logo-box">
                                    <figure class="logo"><a href="/"><img src="../../images/small-logo.png" alt=""></a></figure>
                                </div>
                                <div class="menu-area">
                                    <nav class="main-menu clearfix">
                                        <!--Keep This Empty / Menu will come through Javascript-->
                                    </nav>
                                </div>
                                <!--                        <div class="btn-box"><a href="register-page.html" class="theme-btn-one"><i class="icon-image"></i>Join Now</a></div>-->
                            </div>
                        </div>
                    </div>
        </header>
        <!-- main-header end -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><i class="fas fa-times"></i></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="/"><img src="../../images/logo-2.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
                <div class="contact-info">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>Chicago 12, Melborne City, USA</li>
                        <li><a href="">+88 01682648101</a></li>
                        <li><a href="mailto:info@example.com">info@example.com</a></li>
                    </ul>
                </div>
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="/"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="/"><span class="fab fa-facebook-square"></span></a></li>
                        <li><a href="/"><span class="fab fa-pinterest-p"></span></a></li>
                        <li><a href="/"><span class="fab fa-instagram"></span></a></li>
                        <li><a href="/"><span class="fab fa-youtube"></span></a></li>
                    </ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->


        <!--page-title-two-->
        <section class="page-title-two">
            <div class="title-box centred bg-color-2">
                <div class="pattern-layer">
                    <div class="pattern-1" style="background-image: url(../../images/shape/shape-70.png);"></div>
                    <div class="pattern-2" style="background-image: url(../../images/shape/shape-71.png);"></div>
                </div>
                <div class="auto-container">
                    <div class="title">
                        <h1>科室信息</h1>
                    </div>
                </div>
            </div>
            <div class="lower-content">
                <div class="auto-container">
                    <ul class="bread-crumb clearfix">
                        <li><a href="/">主页</a></li>
                        <li><a style="cursor: pointer" onclick="window.history.back(-1);">上一页</a></li>
                        <li>科室信息</li>
                    </ul>
                </div>
            </div>
        </section>
        <!--page-title-two end-->


        <!-- clinic-details -->
        <section class="clinic-details bg-color-3">
            <div class="auto-container">
                <div class="row clearfix">
                    <div class="col-lg-8 col-md-12 col-sm-12 content-side">
                        <div class="clinic-details-content">
                            <div class="clinic-block-one">
                                <div class="inner-box">
                                    <figure class="image-box"><img src="../../images/clinic/clinic-9.jpg" alt=""></figure>
                                    <div class="content-box">
                                        <div class="like-box"><a href="clinic-details.html"><i class="far fa-heart"></i></a></div>
                                        <div class="share-box">
                                            <a href="clinic-details.html" class="share-btn"><i class="fas fa-share-alt"></i></a>
                                        </div>
                                        <ul class="name-box clearfix">
                                            <li class="name" th:text="${clinic.name}"><h2>Memorial Hospital</h2></li>
                                            <li><i class="icon-Trust-1"></i></li>
                                            <li><i class="icon-Trust-2"></i></li>
                                        </ul>
                                        <span class="designation" th:text="${clinic.intro1}">It’s all about care</span>
<!--                                        <div class="rating-box clearfix">-->
<!--                                            <ul class="rating clearfix">-->
<!--                                                <li><i class="icon-Star"></i></li>-->
<!--                                                <li><i class="icon-Star"></i></li>-->
<!--                                                <li><i class="icon-Star"></i></li>-->
<!--                                                <li><i class="icon-Star"></i></li>-->
<!--                                                <li><i class="icon-Star"></i></li>-->
<!--                                                <li><a href="clinic-details.html">(17)</a></li>-->
<!--                                            </ul>-->
<!--                                        </div>-->
                                        <div class="text" th:text="${clinic.intro2}">
                                            <p>Lorem ipsum dolor sit amet consectur adipisc eiusmod tempor incididunt.</p>
                                        </div>
                                        <div class="lower-box clearfix">
                                            <ul class="info clearfix">
<!--                                                <li><i class="fas fa-map-marker-alt"></i>G87P, Birmingham, UK</li>-->
                                                <li><i class="fas fa-phone"></i><a th:text="${clinic.phone}">+(22) 65_458_856</a></li>
                                            </ul>
<!--                                            <div class="view-map"><a href="clinic-details.html">View Map</a></div>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tabs-box">
                                <div class="tab-btn-box centred">
                                    <ul class="tab-btns tab-buttons clearfix">
                                        <li class="tab-btn active-btn" data-tab="#tab-1">概览</li>
<!--                                        <li class="tab-btn" data-tab="#tab-2">医生</li>-->
<!--                                        <li class="tab-btn" data-tab="#tab-3">地址</li>-->
                                    </ul>
                                </div>
                                <div class="tabs-content">
                                    <div class="tab active-tab" id="tab-1">
                                        <div class="inner-box">
                                            <div class="text">
                                                <h3>有关科室:</h3>
                                                <p th:text="${clinic.intro2}">Dr. Agnes Ayres is a Maxillofacial Surgeon in New York, NY.  Dr. Ayres has more experience with Congenital Cardiac Disorders and Cardiac Care than other specialists in his area.  He is affiliated with medical facilities such as Mount Sinai Morningside and Roosevelt Hospital.  He is accepting new patients.  Be sure to call ahead with Dr. Pinney to book an appointment.</p>
                                                <h3>更多信息</h3>
                                                <p th:text="${clinic.intro3}">Porsche odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atcorrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 col-sm-12 sidebar-side">
                        <div class="clinic-sidebar">
<!--                            <div class="form-widget">-->
<!--                                <div class="form-title">-->
<!--                                    <h3>Contact Us</h3>-->
<!--                                    <p>Don’t hesitate to contact us</p>-->
<!--                                </div>-->
<!--                                <div class="form-inner">-->
<!--                                    <form action="clinic-details.html" method="post">-->
<!--                                        <div class="form-group">-->
<!--                                            <input type="text" name="name" placeholder="Your name" required="">-->
<!--                                        </div>-->
<!--                                        <div class="form-group">-->
<!--                                            <input type="email" name="email" placeholder="Enter your email" required="">-->
<!--                                        </div>-->
<!--                                        <div class="form-group select-box">-->
<!--                                            <select class="wide">-->
<!--                                               <option data-display="Enter subject">Enter subject</option>-->
<!--                                               <option value="1">Cardiology</option>-->
<!--                                               <option value="2">Nurology</option>-->
<!--                                               <option value="4">Pragnency</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                        <div class="form-group">-->
<!--                                            <textarea name="message" placeholder="Message"></textarea>-->
<!--                                        </div>-->
<!--                                        <div class="form-group message-btn">-->
<!--                                            <button type="submit" class="theme-btn-one">Send Message<i class="icon-Arrow-Right"></i></button>-->
<!--                                        </div>-->
<!--                                    </form>-->
<!--                                </div>-->
<!--                            </div>-->
                            <div class="info-widget">
                                <div class="info-title">
                                    <h3>联系信息</h3>
                                    <p>周一到周五: 09:00Am-05:00PM</p>
                                </div>
                                <div class="info-inner">
                                    <ul class="info-list clearfix">
                                        <li>
                                            <h4>地址</h4>
                                            <p>北京市东城区大华路1号</p>
                                        </li>
                                        <li>
                                            <h4>电话</h4>
                                            <p><a href="">010-85132266</a></p>
                                        </li>
                                        <li>
                                            <h4>传真</h4>
                                            <p><a href="">652458_856</a></p>
                                        </li>
                                        <li>
                                            <h4>邮箱</h4>
                                            <p><a href="mailto:info@example.com">info@example.com</a></p>
                                        </li>
                                        <li>
                                            <h4>网址</h4>
                                            <p><a href="clinic-details.html">http://memorial.hospital.com</a></p>
                                        </li>
                                    </ul>
                                    <div class="social-box">
                                        <h4>社交媒体</h4>
                                        <ul class="social-links clearfix">
                                            <li><a href=""><i class="fab fa-google-plus-g"></i></a></li>
                                            <li><a href=""><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href=""><i class="fab fa-instagram"></i></a></li>
                                            <li><a href=""><i class="fab fa-twitter"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- clinic-details end -->


        <!-- agent-section -->
        <section class="agent-section">
            <div class="auto-container">
                <div class="inner-container bg-color-2">
                    <div th:replace="~{parts/agent-section}"></div>
                </div>
            </div>
        </section>
        <!-- agent-section -->


        <!-- main-footer -->
        <div th:replace="~{parts/main-footer}"></div>
        <!-- main-footer end -->


        <!--Scroll to top-->
        <button class="scroll-top scroll-to-target" data-target="html" onclick='location.href=("/message?targetId=6")'>
            <img src="../../images/robot-2.png">
        </button>
    </div>

    <script th:replace="~{parts/js}"></script>
    <script>
        $('#clinic_tab').addClass("current");
    </script>

</body><!-- End of .page_wrapper -->
</html>
